<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>下载</title>
<link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="../css/aplayer/APlayer.min.css" rel="stylesheet">
<link href="../css/data/mydownload.css" rel="stylesheet">
</head>
<body>
<main id="app">
	<div class="container">
		<div id="mydiv">
			<h6 contenteditable='true' @blur='on_ArtEditModalFunBlur($event)'>{{mname}}</h6>
			<div id="player"></div>
		</div>
	</div>
	<div class="container">
		<div class="mx-auto">
			<div class="d-grid">
			    <button type="submit" @click="on_updateClick(mid)" class="btn btn-block btn-warning btn-lg">更新文件</button>
			</div>
			<div class="alert alert-warning">
			    <strong>注意!!!</strong> 
			    <h6>更新文件会把当前文件替换掉</h6>
			</div>
		</div>
	</div>
	<div class="container mt-4">
		<div class="d-flex justify-content-around mb-3 mt-5">
			<div class="d-grid flex-fill">
				<button type="button" @click="on_downloadClick(mid)" class="btn btn-block btn-success btn-lg">下载</button>
			</div>
			<div class="d-grid flex-fill"></div>
			<div class="d-grid flex-fill">
				<button type="button" class="btn btn-block btn-danger btn-lg" data-bs-toggle="modal" data-bs-target="#staticBackdrop">删除</button>	
			</div>
		</div>
	</div>
	<div>
		<br>
	</div>
	
	<!-- Modal -->
	<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
		    <div class="modal-content">
		      	<div class="modal-header">
		        	<h5 class="modal-title" id="staticBackdropLabel">提示</h5>
		        	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		      	</div>
		      	<div class="modal-body">
		        	确定要删除此文件吗？？
		      	</div>
		      	<div class="modal-footer">
		        	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
		        	<button type="submit" class="btn btn-primary" @click="on_delete" data-bs-dismiss="modal">确定</button>
		      	</div>
		    </div>
		</div>
	</div>
	<!-- Modal -->
	<div class="modal fade" id="statUpdate" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
		    <div class="modal-content">
		      	<div class="modal-header">
		        	<h5 class="modal-title" id="staticBackdropLabel">提示</h5>
		        	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		      	</div>
		      	<div class="modal-body">
		        	确定要删除此文件吗？？
		      	</div>
		      	<div class="modal-footer">
		        	<button type="button" class="btn btn-primary" data-bs-dismiss="modal">知道了</button>
		      	</div>
		    </div>
		</div>
	</div>
</main>
<script src="../js/vue/vue.global.js"></script>
<script src="../js/axios/axios.min.js"></script>
<script src="../js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../js/dplayer/DPlayer.min.js"></script>
<script src="../js/aplayer/APlayer.min.js"></script>
<script src="../js/data/mydownload.js"></script>
</body>
</html>
